
/* 网站导航栏 */
.site-nav {
    width: 100%;
    height: 40px;
    background-color: #333;
    color: #b0b0b0;
    font-size: 12px;
}
/* 网站导航列表中心栏 */
.site-nav  .site-nav-c{
    position: relative;
    width: 1226px;
    height: 100%;
    margin: 0 auto;
 
}
.site-nav .site-nav-c .nav-list{
    float: left;
    height: 100%;
    margin: 0 auto;
}
.site-nav .site-nav-c .nav-list-iteam,
.site-nav .site-nav-c .line
{
    float: left;
    height: 100%;
}
.site-nav .site-nav-c .link-iteam,
.site-nav .site-nav-c .line{
    line-height: 40px;
    padding-left: 12px;
    color: #b0b0b0;
}
.site-nav .site-nav-c .link-iteam{
    display: block;
} 
.site-nav .site-nav-c .link-iteam:hover{
    color: #fff;
}
/* 网站导航右侧服务 */
.site-nav .site-nav-c .nav-serve{
    float: right;
    height: 100%;
}
.site-nav .site-nav-c .nav-serve .serve-list{
    float: left;
    height: 100%;
}
.site-nav .site-nav-c .nav-serve .sreve-list-iteam{
    margin-right: 10px;
    float: left;
    height: 100%;
}
/* 网站右侧购物车/ */
.site-nav .site-nav-c .nav-serve-cart{
    height: 100%;
    float: right;
    font-size: 12px;
    color: #b0b0b0;
    background-color:#424242;
}
.site-nav .site-nav-c .nav-serve-cart .link-serce-cart{
    position: relative;
    width: 120px;
    height: 100%;
    line-height: 40px;
    display: block;
    text-align:center;
    text-indent: 2em;
    color: #b0b0b0;
    background: url(cart\ .png) no-repeat 20px;
    background-size: 20px 20px;  
} 
.site-nav .site-nav-c .nav-serve-cart:hover .link-serce-cart{
    background: url(cart\ -active.png) no-repeat 20px;
    background-size: 20px 20px;  
    background-color:#fff;
    color: #ff6700;
}

.site-nav .site-nav-c .nav-serve-cart:hover .cart-list{
    position: absolute;
    z-index: 11;
    top: 40px;
    right: 0;
    width: 300px;
    height: 100px;
    background-color: #fff;
    /* transform: translateY(-4px); */
    box-shadow: 0 10px 30px rgba(0, 0, 0, .3);
    transition: all ease 0.4s;

    
}